<div class="wode">
  <!-- 导航栏部分 -->
   <!-- 导航栏部分 -->
   <div class="head">
    <headss>
      <div slot="left" class="left">
        <img
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704913941163986.png"
          alt="" @click="goto">
      </div>
      <!-- <div slot="center" class="centet">
        <p>寄养</p>
      </div>
      <div slot="right" class="right">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704957194059768.png" />
      </div> -->
    </headss>
  </div>
  <swiper class="swiper" :options="swiperOption">
    <swiper-slide class="text">
      <div class="content">       
        <!-- 信息部分 -->
        <div class="info">
            <div class="in-l">
              <img :src="info.image" alt="">
            </div>
            <div class="in-r">
                <p class="titlle">{{info.title}}</p>
                <div class="dian">
                    <img :src="info.imgsrc" alt="">
                    <p>{{info.name}}</p>
                </div>
                <p class="desc">{{info.desc}}</p>
            </div>
        </div>
        <!-- 列表部分 -->
        <div class="list">
            <div class="list-box" v-for="item in list" :key="item.name">
                <div class="l-l">
                    <p>{{item.name}}</p>
                </div>
                <div class="l-r" @click="gotos(item.src)">
                    <div class="con" :class="{cc:item.value}">
                        {{item.desc}}
                    </div>
                    <img  class="img" src="https://lanhu.oss-cn-beijing.aliyuncs.com/psywbvvx4pedbmbb0fow6zc9mszotisvclaa9d23e21-8290-48ba-8c77-b2d5d5bfce01" alt="">
                </div>
            </div>
        </div>
        <!-- 图片部分 -->
        <div class="logo">
            <div class="lofo-title">
                <p>服务介绍</p>
            </div>
            <div class="lofo-image">
                <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/pse7fp8hkxyqeqyun9j2mp7vkxtjisbka7502ddb74-698d-4db3-99bb-f814c49ca1a4" alt="">
            </div>
        </div>
      </div>
    </swiper-slide>
  </swiper>
  <!-- 底部部分 -->
  <div class="bottom">
      <div class="b-l">
          <p>￥360</p>
          <div class="span">
            <p>新客已减5</p>
          </div>       
      </div>
      <div class="b-r">
          <p>立即抢购</p>
      </div>
  </div>
</div>